<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="../js/vue2.js"></script>
</head>
<body>

<!--
  vue的指令：
      v-text： 可以实现数据的动态渲染  但是会覆盖标签中的原始内容  无法识别html标签
           v-text="info"     info在vue实例解析时不会在座位一个普通字符串进行处理
      v-html： 可以实现数据的动态渲染  但是会覆盖标签中的原始内容   能识别html标签
           v-html="info"
      {{}}   可以实现数据的动态渲染  不会覆盖标签中的原始内容    无法识别html标签
-->
<div id="app">
      <p>info:{{info}}</p>
      <p v-text="info">info:</p>
      <p v-html="info">info:</p>
</div>

<script>
  let vm = new Vue({
      el:'#app',
      data:{
        info:'<b>hello vue</b>'
      },
      methods:{}
    })
</script>
</body>
</html>